.theme-black {
  background: #fafafa;
  /*// Navbar icon buttons
  .nav-icon-btn-theme(@primary-color);

  // Buttons
  .buttons-theme(@primary-color);

  // Progress bars
  .progress-bars-theme(@primary-color);

  // Labels
  .labels-theme(@primary-color);

  // Badges
  .badges-theme(@primary-color);

  // Tables
  .tables-theme(@primary-color);

  // Tabs
  .tabs-theme(@primary-color);

  // Pills
  .pills-theme(@primary-color);

  // Dropdowns
  .dropdowns-theme(@primary-color, #fff);

  // Button groups
  .button-groups-theme(@primary-color);

  // Pagination
  .pagination-theme(@primary-color);

  // List groups
  .list-groups-theme(@primary-color);

  // Forms theme
  .forms-theme(@primary-color);

  // Text color
  .text-primary {
    .pixel-text-color(@primary-color);
  }

  // Background color
  .bg-primary {
    .pixel-bg-color(@primary-color);
  }  


  // Plugins
  //

  // jQuery UI
  .ui-slider-theme(@primary-color);
  .ui-autocomplete-theme(@primary-color, #fff);
  .ui-menu-theme(@primary-color);
  .ui-progressbar-theme(@primary-color);
  .ui-tabs-theme(@primary-color);
  .ui-datepicker-theme(@primary-color);

  // Plugins
  .select2-theme(@primary-color);
  .switcher-theme(@primary-color);
  .pixel-file-input-theme(@primary-color);
  .bootstrap-datepicker-theme(@primary-color);
  .bootstrap-timepicker-theme(@primary-color);
  .datepaginator-theme(@primary-color);
  .editable-typeahead-theme(@primary-color);
  .data-table-theme(@primary-color);
  .dropzone-theme(@primary-color);
  .md-editor-theme(@primary-color);

  // Widgets
  .widget-rating-theme(@primary-color);*/
}
.theme-black #main-navbar {
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.08),0 1px 0 rgba(0,0,0,0.08);
  box-shadow: 0 2px 2px rgba(0,0,0,0.08),0 1px 0 rgba(0,0,0,0.08);
}
.theme-black .page-header {
  background: #fafafa;
  border-color: #eeeeee;
}
.theme-black .table,
.theme-black .panel,
.theme-black hr {
  border-color: #e4e4e4;
}
.theme-black .bordered {
  border-color: #e4e4e4;
}
.theme-black .bordered[class*='bg-'],
.theme-black [class*='bg-'] .border-t {
  border-color: #fff;
  border-color: rgba(0, 0, 0, 0.2);
}
.theme-black .panel.panel-transparent > .panel-heading {
  border-bottom-color: #e4e4e4 !important;
}
.theme-black .breadcrumb-page {
  background: #fafafa;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 6px;
  padding-top: 6px;
}
.theme-black #tinyfooter {
  background: #333333;
}
.gt-ie9 .theme-black #main-navbar,
.gt-ie9 .theme-black #main-navbar .navbar-header {
  background-image: -webkit-linear-gradient(top, #f6f6f6 0%, #ebebeb 100%);
  background-image: linear-gradient(to bottom, #f6f6f6 0%, #ebebeb 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff6f6f6', endColorstr='#ffebebeb', GradientType=0);
}
.ie8 .theme-black #main-navbar,
.ie9 .theme-black #main-navbar,
.ie8 .theme-black #main-navbar .navbar-header,
.ie9 .theme-black #main-navbar .navbar-header {
  background: #f6f6f6;
}
.theme-black #main-navbar .dropdown > a,
.theme-black #main-navbar .dropdown-menu > li > a,
.theme-black #main-navbar .nav > li > a,
.theme-black #main-navbar .navbar-header a {
  color: #999;
}
.theme-black #main-navbar .navbar-toggle,
.theme-black #main-navbar #main-menu-toggle,
.theme-black #main-navbar #main-menu-toggle .fa:before,
.theme-black #main-navbar a {
  text-shadow: none;
}
.theme-black #main-navbar .navbar-toggle,
.theme-black #main-navbar #main-menu-toggle {
  color: #666666;
}
.theme-black #main-navbar #main-menu-toggle .fa:before {
  color: #666666;
}
.theme-black #main-navbar #main-navbar-collapse {
  border-top-color: #dcdcdc;
  background: #ebebeb;
}
.theme-black #main-navbar li + li,
.theme-black #main-navbar .nav + .nav,
.theme-black #main-navbar .nav + .right {
  border-top: 1px solid #dcdcdc;
}
.theme-black #main-navbar .dropdown.open > a {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #d4d4d4;
  margin-top: -1px;
  background: #dcdcdc;
}
.theme-black #main-navbar form.navbar-form {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.theme-black #main-navbar form.navbar-form .form-control {
  background: #fff;
  border-color: #fff;
  border-radius: 3px;
}
@media (min-width: 768px) {
  .theme-black #main-navbar #main-navbar-collapse {
    background: none;
  }
  .theme-black #main-navbar li + li,
  .theme-black #main-navbar .nav + .nav,
  .theme-black #main-navbar .nav + .right {
    border: none;
  }
  .theme-black #main-navbar .nav > li > a {
    /*border-left: 1px solid transparent;
      border-right: 1px solid transparent;*/
  }
  .theme-black #main-navbar .nav > li > a:hover {
    background: rgba(0, 0, 0, 0.02);
    /*border-color: darken(@navbar-end-color, 10%);*/
  }
  .theme-black #main-navbar .nav > li.active > a {
    background: #2b2b2b;
  }
  .theme-black #main-navbar .dropdown.open > a {
    border-top: none;
    border-bottom: none;
    margin-top: 0;
    background: rgba(0, 0, 0, 0.08);
    border-color: #d2d2d2;
  }
  .theme-black #main-navbar .dropdown-menu {
    background: #333333;
    border-color: #333333;
    margin-top: 2px;
    padding: 5px 0;
    border-radius: 2px;
  }
  .theme-black #main-navbar .dropdown-menu a {
    text-shadow: none;
    margin: 0 -2px;
  }
  .theme-black #main-navbar .dropdown-menu > li > a {
    color: #fff;
  }
  .theme-black #main-navbar .dropdown-menu a:hover {
    background: #444444;
  }
  .theme-black #main-navbar .dropdown-menu .divider {
    background-color: #3d3d3d;
    margin-left: -2px;
    margin-right: -2px;
  }
  .theme-black #main-navbar .widget-notifications a:hover {
    color: #fff !important;
  }
  .theme-black #main-navbar .widget-notifications .notification,
  .theme-black #main-navbar .widget-notifications .notifications-link {
    border-color: #3d3d3d;
    margin: 0 -2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
  }
  .theme-black #main-navbar .widget-notifications .notification-description {
    color: #8c8c8c;
  }
  .theme-black #main-navbar .widget-notifications .notification-ago {
    color: #737373;
  }
  .theme-black #main-navbar .widget-messages-alt a:hover {
    color: #fff !important;
  }
  .theme-black #main-navbar .widget-messages-alt .message,
  .theme-black #main-navbar .widget-messages-alt .messages-link {
    border-color: #3d3d3d;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .theme-black #main-navbar .widget-messages-alt .message a:hover,
  .theme-black #main-navbar .widget-messages-alt .messages-link a:hover {
    background: none;
  }
  .theme-black #main-navbar .widget-messages-alt .message-subject {
    color: #444444;
  }
  .theme-black #main-navbar .widget-messages-alt .message-description {
    color: #737373;
  }
  .theme-black #main-navbar .widget-messages-alt .message-description a {
    color: #8c8c8c;
  }
}
.theme-black #main-navbar #main-menu-toggle,
.theme-black.right-to-left.main-menu-right #main-navbar #main-menu-toggle {
  border-left: none;
  /*border-right: 1px solid darken(@navbar-end-color, 8%);*/
}
.theme-black.right-to-left #main-navbar #main-menu-toggle,
.theme-black.main-menu-right #main-navbar #main-menu-toggle {
  border-left: 1px solid #d7d7d7;
  border-right: none;
}
.theme-black #main-menu-bg,
.theme-black .mmc-dropdown-open-ul {
  background: #333333;
}
.theme-black #main-menu .navigation li,
.theme-black #main-menu .mmc-dropdown-open-ul li {
  border-bottom: 1px solid #3d3d3d;
}
.theme-black #main-menu .navigation li a,
.theme-black #main-menu .mmc-dropdown-open-ul li a {
  color: #999999;
  font-size: 12px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition-property: color,background;
  -moz-transition-property: color,background;
  -ms-transition-property: color,background;
  -o-transition-property: color,background;
  transition-property: color,background;
}
.theme-black #main-menu .navigation li a:hover,
.theme-black #main-menu .mmc-dropdown-open-ul li a:hover {
  background: #3d3d3d;
  color: #fff;
}
.theme-black #main-menu .navigation li.active,
.theme-black #main-menu .mmc-dropdown-open-ul li.active {
  border-color: #444444;
}
.theme-black #main-menu .navigation li.active > a,
.theme-black #main-menu .mmc-dropdown-open-ul li.active > a {
  color: #fff;
  background: #555;
  border-color: #444444;
}
.theme-black #main-menu .mm-dropdown ul,
.theme-black #main-menu .mmc-dropdown-open-ul {
  background: #292929;
}
.theme-black #main-menu .mm-dropdown ul li,
.theme-black #main-menu .mmc-dropdown-open-ul li {
  border: none;
}
.theme-black #main-menu .mm-dropdown ul li a:hover,
.theme-black #main-menu .mmc-dropdown-open-ul li a:hover {
  background: #333333;
}
.theme-black #main-menu .mm-dropdown ul li.active,
.theme-black #main-menu .mmc-dropdown-open-ul li.active {
  border-top: none;
}
.theme-black #main-menu .mm-dropdown ul li.active > a,
.theme-black #main-menu .mmc-dropdown-open-ul li.active > a {
  background: #444444;
}
.theme-black #main-menu .mm-dropdown ul li + li,
.theme-black #main-menu .mmc-dropdown-open-ul li + li {
  border-top: 1px solid #333333;
}
.theme-black #main-menu li.mm-dropdown.active {
  border-bottom-color: #3d3d3d;
}
.theme-black #main-menu li.mm-dropdown.active > a {
  color: #fff !important;
  background: none;
  border-bottom-color: #3d3d3d;
}
.theme-black #main-menu li.mm-dropdown.active > a:hover {
  background: #3d3d3d;
}
.theme-black #main-menu .mm-dropdown .mm-dropdown.open > a {
  border-bottom-color: #333333;
}
.theme-black #main-menu .mm-dropdown li.mm-dropdown.active {
  border-bottom-color: #333333;
  border-top: 1px solid #333333;
}
.theme-black #main-menu .mm-dropdown li.mm-dropdown.active > a {
  background: none;
  border-bottom-color: #333333;
}
.theme-black #main-menu .mm-dropdown li.mm-dropdown.active > a:hover {
  background: #333333;
}
.theme-black #main-menu .mmc-dropdown-open > a {
  color: #fff !important;
}
.theme-black #main-menu .mmc-title {
  color: #fff;
  background: #333333;
  border-bottom: 1px solid #3d3d3d;
  padding-top: 1px;
}
.theme-black #main-menu .mmc-dropdown-open-ul.top .mmc-title {
  padding-top: 0;
  padding-bottom: 1px;
  border-bottom: 0;
  border-top: 1px solid #3d3d3d;
  margin-top: -1px;
}
.theme-black #main-menu .mmc-dropdown-open-ul.top {
  margin-bottom: 1px !important;
}
.theme-black #main-menu .menu-content {
  border: none;
  margin-top: -10px;
}
.theme-black #main-menu .menu-content .btn-outline {
  border-color: #3d3d3d;
  color: #fff;
}
.theme-black #main-menu .menu-content .btn-outline:hover {
  color: #fff;
}
.theme-black #main-menu .menu-content.top {
  border-bottom: 1px solid #3d3d3d;
  margin-top: 0;
}
.theme-black .mmc-dropdown-open .mm-dropdown.open > a,
.theme-black.mme #main-menu .mm-dropdown.open > a {
  color: #fff !important;
}
.theme-black.mme #main-menu .mm-dropdown.open > a {
  border-bottom: 1px solid #3d3d3d;
}
@media (min-width: 768px) {
  .theme-black #main-menu .mm-dropdown.open > a {
    color: #fff;
    border-bottom: 1px solid #3d3d3d;
  }
  .theme-black.mmc #main-menu .navigation > .mm-dropdown.open > a {
    color: #999999;
    border-bottom: none;
  }
}
.theme-black .demo-logo,
.theme-black #main-navbar .navbar-brand div {
  /*background: @primary-color;*/
}
.theme-black #main-navbar .navbar-header a {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
}
.theme-black.page-signin .signin-info,
.theme-black.page-signup .signup-header {
  background: #64bed8;
  background: rgba(100, 190, 216, 0.8);
}
.theme-black .timeline:before,
.theme-black .timeline:after,
.theme-black .tl-header,
.theme-black .tl-icon {
  background: #e6e6e6;
}
.theme-black .tl-header,
.theme-black .tl-icon {
  box-shadow: 0 0 0 4px #fafafa;
}
.theme-black .tl-entry:before {
  background: #64bed8;
  box-shadow: 0 0 0 3px #fafafa;
}
.theme-black .tl-body:before {
  border-color: transparent #e4e4e4 transparent transparent;
}
@media (min-width: 768px) {
  .theme-black .timeline.centered .tl-entry.left .tl-body:before {
    border-color: transparent transparent transparent #e4e4e4;
  }
  .theme-black.right-to-left .timeline.centered .tl-entry.left .tl-body:before {
    border-color: transparent #e4e4e4 transparent transparent;
  }
}
.theme-black.right-to-left .tl-body:before {
  border-color: transparent transparent transparent #e4e4e4;
}
.theme-black.page-mail .mail-nav,
.theme-black.page-mail .mail-nav:before {
  background: #fafafa;
}
.theme-black.page-mail .mail-nav .sections li.active .label,
.theme-black.page-mail .mail-nav .sections li.active .badge {
  background: #64bed8;
}
.theme-black.page-mail .mail-nav,
.theme-black.page-mail .mail-nav .compose-btn,
.theme-black.page-mail .mail-nav .sections li.active,
.theme-black.page-mail .mail-nav:before {
  border-color: #e4e4e4;
}
.theme-black.page-mail .mail-nav .navigation.open .sections li.active {
  background: #f0f0f0;
}
.theme-black.page-mail .mail-nav li.divider {
  background: #e4e4e4;
}
.theme-black.page-mail .mail-nav .sections li.active a {
  color: #484848;
}
.theme-black.page-mail .mail-nav .sections li.active:after {
  color: #aeaeae;
}
.theme-black.page-mail .mail-nav .sections a {
  color: #6e6e6e;
}
.theme-black.page-mail .mail-nav-header {
  color: #aeaeae;
}
.theme-black.page-mail .mail-nav .add-more a {
  color: #aeaeae;
}
@media (min-width: 992px) {
  .theme-black.page-mail .mail-nav .navigation .sections li.active {
    background: #f0f0f0;
  }
  .theme-black.page-mail .mail-nav .sections a:hover {
    color: #484848;
  }
}
